pipelineChart = () => {

    var option2 = {
        color: '#008673',
        grid: {
            left: '3%',
            right: '10%',
            bottom: '3%',
            top: '10%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisTick: {
                    alignWithLabel: true
                },
                axisTick: {
                    alignWithLabel: true
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10'
                },
                axisTick: {
                    show: false
                },
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: '#112B6F'
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10',
                    formatter: '{value}℃'
                },
                axisTick: {
                    show: false
                },
            },

        ],

        series: [
            {
                name: '温度',
                type: 'line',
                stack: '总量',
                emphasis: {
                    focus: 'series'
                },
                data: [12, 12, 11, 14, 9, 23, 21],
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ], symbolSize: 30
                },
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }
            }
        ]
    };

    var option3 = {
        color: '#cc9611',
        grid: {
            left: '3%',
            right: '10%',
            bottom: '3%',
            top: '10%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisTick: {
                    alignWithLabel: true
                },
                axisTick: {
                    alignWithLabel: true
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10'
                },
                axisTick: {
                    show: false
                },
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: '#112B6F'
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10',
                    formatter: '{value}%'
                },
                axisTick: {
                    show: false
                },
            },

        ],
        series: [
            {
                name: '湿度',
                type: 'line',
                stack: '总量',
                emphasis: {
                    focus: 'series'
                },
                data: [63, 58, 72, 49, 66, 54, 58],
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ], symbolSize: 30
                },
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }
            }
        ]
    };

    var myChart2 = echarts.init(document.getElementById("chart2"));

    var myChart3 = echarts.init(document.getElementById("chart3"));


    myChart2.setOption(option2);
    myChart3.setOption(option3);

}


lightingChart = () => {

    var option4 = {
        color: ['#ee6666', '#73c0de', '#3ba272'],
        series: [
            {
                name: '面积模式',
                type: 'pie',
                radius: [30, 65],
                center: ['50%', '50%'],
                roseType: 'area',
                itemStyle: {
                    borderRadius: 8
                },
                data: [
                    { value: 38, name: '损坏' },
                    { value: 32, name: '光照不足' },
                    { value: 40, name: '正常' },
                ]
            }
        ]
    };

    var myChart4 = echarts.init(document.getElementById("chart4"));

    myChart4.setOption(option4);


    var option5 = {
        color: '#008673',
        grid: {
            left: '3%',
            right: '10%',
            bottom: '3%',
            top: '10%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisTick: {
                    alignWithLabel: true
                },
                axisTick: {
                    alignWithLabel: true
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10'
                },
                axisTick: {
                    show: false
                },
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: '#112B6F'
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10',
                    formatter: '{value}kW·h'
                },
                axisTick: {
                    show: false
                },
            },

        ],

        series: [
            {
                name: '用电量',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                emphasis: {
                    focus: 'series'
                },
                data: [12, 12, 11, 14, 9, 23, 21],
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ], symbolSize: 30
                },
                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }
            }
        ]
    };

    var myChart5 = echarts.init(document.getElementById("chart5"));

    myChart5.setOption(option5);
}



pAmChart = () => {

    var option8 = {
        grid: {
            left: '3%',
            right: '10%',
            bottom: '3%',
            top: '20%',
            containLabel: true
        },
        legend: {
            textStyle:{
                color:'#fff'
            } ,
            data: ['维修工',
                '巡检员',
                '清洁工',
                '维保员']
        },
        xAxis: [
            {
                type: 'category',
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
                axisTick: {
                    alignWithLabel: true
                },
                axisTick: {
                    alignWithLabel: true
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10'
                },
                axisTick: {
                    show: false
                },
            }
        ],
        yAxis: [
            {
                type: 'value',
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#365f67',
                        width: 2
                    }
                },
                splitLine: {
                    lineStyle: {
                        color: '#112B6F'
                    }
                },
                axisLabel: {
                    color: '#ddd',
                    fontSize: '10',
                },
                axisTick: {
                    show: false
                },
            }
        ],
        series: [
            {
                name: '维修工',
                type: 'bar',
                emphasis: {
                    focus: 'series'
                },
                data: [320, 332, 301, 334, 390, 330, 320]
            },
            {
                name: '巡检员',
                type: 'bar',
                emphasis: {
                    focus: 'series'
                },
                data: [220, 182, 191, 234, 290, 330, 310]
            },

            {
                name: '清洁工',
                type: 'bar',
                data: [862, 1018, 964, 1026, 1679, 1600, 1570],
                emphasis: {
                    focus: 'series'
                },
                markLine: {
                    lineStyle: {
                        type: 'dashed'
                    },
                    data: [
                        [{ type: 'min' }, { type: 'max' }]
                    ]
                }
            },
            {
                name: '维保员',
                type: 'bar',
                emphasis: {
                    focus: 'series'
                },
                data: [120, 132, 101, 134, 290, 230, 220]
            },

        ]
    };

    var myChart8 = echarts.init(document.getElementById("chart8"));

    myChart8.setOption(option8);

}